<div name='T_50ee' >
	<div name='T_a4ca'  className="g-user">
		<div name='T_494a'  className="c-layout clearfix">
			<SliderComponent name='T_e8a5'  data={this.props.data.slider}></SliderComponent>
			<div name='T_7e79'  className="m-content">
				<div name='T_2724'  className="bill-title">
					<ul name='T_1f19'  className="breadcrumb">
						<li name='T_4d5e' >
							<a name='T_da82'  href="/billManage">我的账单&gt;</a>
						</li>
						<li name='T_3945' >账单详情</li>
					</ul>
					<h2 name='T_eb3a' >账单号：{this.state.billNo}</h2>
				</div>
				<div name='T_4873'  className="order">
					<div name='T_f2ce'  className="content-title">查询条件</div>
					<div name='T_f9e3'  className="search">
						{Browser &&
							<Formsy.Form name='T_e25d'  ref="form" onSubmit={this.submit} onValid={this.enableButton} onInvalid={this.disableButton}>
								<div name='T_cf18'  className="clearfix line">
									<div name='T_f35f'  className="inputs">
										<MyInput value="" name="orderNo" title="订单号：" maxLength='30' validations={{ maxLength: 30 }} placeholder="请输入订单号" validationError="订单号必须小于30位" />
									</div>
									<div name='T_0ca9'  className="inputs inputs-time">
										<MyInput readonly="true" value="" id="beginDate" ref="startEffectTime" name="startEffectTime" title="计费时间：" />
										<i name='T_da05' >&minus;</i>
										<MyInput readonly="true" value="" id="endDate" ref="endEffectTime" name="endEffectTime" title="" />
									</div>
								</div>
								<div name='T_96b6'  className="clearfix line">
									{
										this.state.primary ?
											<div name='T_c9ac'  className="inputs">
												<MyInput value="" id="username" name="customerId" ref="customerId" title="账号名：" placeholder="请选择账号名" />
											</div>
											:
											''
									}
									{
										this.state.primary ?
										<div name='T_4ef1'  className="inputs inputs-time">
											<MyInput value="" id="product" name="q" ref="q" title="产品名：" placeholder="请输入产品名称" />
										</div>
										:
										<div name='T_4454'  className="inputs">
											<MyInput value="" id="product" name="q" ref="q" title="产品名：" placeholder="请输入产品名称" />
										</div>
									}

								</div>
								<div name='T_ce00'  className="clearfix submit">
									<button name='T_6a58'  type="reset" onClick={this.resetForm}>重置</button>
									<button name='T_b67a'  type="submit">搜索</button>
								</div>
							</Formsy.Form>
						}
					</div>
					<div name='T_81c0'  className="content-title">查询结果</div>
					<div name='T_3cce'  className="order-list">
						<div name='T_4a16'  className="order-line-wrap">
							<table name='T_f889' >
								<thead name='T_290a' >
									<tr name='T_713a' >
										<th name='T_e1d3'  width="40">序号</th>
										<th name='T_5b36' >订单编号</th>
										<th name='T_9b1b' >产品名称</th>
										{
											this.state.userList && this.state.userList.length > 0 ?
												<th name='T_250b' >账号名</th>
												:
												''
										}
										<th name='T_4189' >计费时间</th>
										<th name='T_af7f' >价格明细({this.state.type ? this.state.type : 'RMB'})</th>
									</tr>
								</thead>
								<tbody name='T_e1b0' >
									{
										this.state.list.length ?
											this.state.list.map(function (item, index) {
												return (
													<tr name='T_b9e5'  key={index}>
														<td name='T_08aa' >{(component.state.current - 1 ) * component.state.pageSize + index + 1}</td>
														<td name='T_2c9b' >{item.orderNo}</td>
														<td name='T_5cd4' >{item.productName}</td>
														{
															component.state.userList && component.state.userList.length > 0 ?
																<td name='T_02c1' >{item.customerName + '(' + item.customerUserName + ')'}</td>
																:
																''
														}
														<td name='T_b266' >{item.billTime}</td>
														<td name='T_3ca8'  align="right">
															{
																item.orderFeeList.map(function (subject, index) {
																	return (
																		<p name='T_7a91'  key={index}>{subject.type}：{subject.value}</p>
																	)
																})
															}
															<p name='T_8b57' >总计：{ item.amountDue }</p>
														</td>
													</tr>
												)
											})
											:
											<tr name='T_53dd' >
												<td name='T_f7e8'  colSpan="6" className="text-center">暂无数据</td>
											</tr>
									}
								</tbody>
							</table>
						</div>
					</div>
					{
						Browser
						&&
						<Pagination name='T_bf08'  onChange={this.onPageChange} current={this.state.current} onShowSizeChange={this.onPageChange} total={this.state.total} showQuickJumper showSizeChanger showLessItems />
					}
				</div>
			</div>
		</div>
	</div>
</div>
